<template>
	<view class="large-btn" :class="{ disabled: disabled}" @tap.stop="btnClk">
		<slot>确定</slot>
	</view>
</template>

<script>
	export default {
		name: "largeBtn",
		props:{
			disabled:{
				type: Boolean,
				default: false
			}
		},
		data() {
			return {

			};
		},
		methods:{
			btnClk(){
				if(this.disabled){
					return
				}
				this.$emit('btnClk')
			}
		}
	}
</script>

<style lang="less" scoped>
	.large-btn {
		width: 670rpx;
		height: 80rpx;
		background-color: #3399FF;
		border-radius: 6rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		&.disabled{
			opacity: 0.6;
		}
	}
</style>
